<!DOCTYPE html>
<html>
<head hexo-theme='https://volantis.js.org/#3.0-beta1'>
  <meta charset="utf-8">
  <!-- SEO相关 -->
  
    
  
  <!-- 渲染优化 -->
  <meta name="renderer" content="webkit">
  <meta name="force-rendering" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <meta name="HandheldFriendly" content="True" >
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

  <!-- 页面元数据 -->
  
  <title>Ekworp&#39;s Blog</title>
  

  

  <!-- feed -->
  

  <!-- import meta -->
  

  <!-- link -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.13/css/all.min.css">
  
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css">


  
    
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/node-waves@0.7.6/dist/waves.min.css">

  

  

  
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10/dist/APlayer.min.css">
  

  

  <!-- import link -->
  

  
    
      
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@9.18.1/styles/solarized-light.css">

    
  
  
    
<link rel="stylesheet" href="/css/style.css">

  

  
  
</head>

<body>
  
  
  
  <div class="cover-wrapper">
    <cover class='cover page' style="display: none;">
      <div class='cover-body'>
  <div class='a'>
    
    
      <p class="title">Ekworp's Blog</p>
    
    
      <p class="subtitle">留下美好的回忆不好吗</p>
    
  </div>
  <div class='b'>
    
      <div class="m_search">
        <form name="searchform" class="form u-search-form">
          <input type="text" class="input u-search-input" placeholder="" />
          <i class="icon fas fa-search fa-fw"></i>
        </form>
      </div>
    
    <div class='menu navigation'>
      <ul class='cover-list-h'>
        
          
            <li>
              <a class="nav home"
                href="/"
                
                
                id="home">
                <i class='fas fa-book fa-fw'></i>HTML
              </a>
            </li>
          
            <li>
              <a class="nav home"
                href="/"
                
                
                id="home">
                <i class='fas fa-coffee fa-fw'></i>Java
              </a>
            </li>
          
            <li>
              <a class="nav home"
                href="/"
                
                
                id="home">
                <i class='fas fa-area-chart fa-fw'></i>乱搞一通
              </a>
            </li>
          
            <li>
              <a class="nav home"
                href="https://volantis.js.org"
                
                
                id="https:volantisjsorg">
                <i class='fas fa-handshake fa-fw'></i>鸣谢
              </a>
            </li>
          
        
      </ul>
    </div>
  </div>
</div>

      <div class="scroll-down" style="display: none;"><i class="fa fa-chevron-down scroll-down-effects"></i></div>
    </cover>
    <header class="l_header shadow blur">
  <div class='container'>
  <div class='wrapper'>
    <div class='nav-sub'>
      <p class="title"></p>
      <ul class='switcher nav-list-h'>
        <li><a class="s-comment fas fa-comments fa-fw" target="_self" href='javascript:void(0)'></a></li>
        
          <li><a class="s-toc fas fa-list fa-fw" target="_self" href='javascript:void(0)'></a></li>
        
      </ul>
    </div>
		<div class="nav-main">
      
        
        <a class="title flat-box" target="_self" href='/'>
          
          
          
          
            VOLANTIS <b><sup style='color:#ff9800'>3.0-beta1</sup></b>
          
        </a>
      

			<div class='menu navigation'>
				<ul class='nav-list-h'>
          
          
          
            
            
              <li>
                <a class="flat-box" href=/
                  
                  
                  
                    id="home"
                  >
                  <i class='fas fa-rss fa-fw'></i>博客
                </a>
                
              </li>
            
          
          
            
            
              <li>
                <a class="flat-box" href=/categories/
                  
                  
                  
                    id="categories"
                  >
                  <i class='fas fa-folder-open fa-fw'></i>分类
                </a>
                
              </li>
            
          
          
            
            
              <li>
                <a class="flat-box" href=/tags/
                  
                  
                  
                    id="tags"
                  >
                  <i class='fas fa-tags fa-fw'></i>标签
                </a>
                
              </li>
            
          
          
            
            
              <li>
                <a class="flat-box" href=/archives/
                  
                  
                  
                    id="archives"
                  >
                  <i class='fas fa-archive fa-fw'></i>归档
                </a>
                
              </li>
            
          
          
            
            
              <li>
                <a class="flat-box" href=/friends/
                  
                  
                  
                    id="friends"
                  >
                  <i class='fas fa-link fa-fw'></i>友链
                </a>
                
              </li>
            
          
          
            
            
              <li>
                <a class="flat-box" href=/about/
                  
                  
                  
                    id="about"
                  >
                  <i class='fas fa-info-circle fa-fw'></i>关于
                </a>
                
              </li>
            
          
          
				</ul>
			</div>

      <div class="m_search">
        <form name="searchform" class="form u-search-form">
          <i class="icon fas fa-search fa-fw"></i>
          <input type="text" class="input u-search-input" placeholder="Search..." />
        </form>
      </div>

			<ul class='switcher nav-list-h'>
				
					<li><a class="s-search fas fa-search fa-fw" target="_self" href='javascript:void(0)'></a></li>
				
				<li>
          <a class="s-menu fas fa-bars fa-fw" target="_self" href='javascript:void(0)'></a>
          <ul class="menu-phone list-v navigation white-box">
            
              
            
              <li>
                <a class="flat-box" href=/
                  
                  
                  
                    id="home"
                  >
                  <i class='fas fa-rss fa-fw'></i>博客
                </a>
                
              </li>
            
          
            
              
            
              <li>
                <a class="flat-box" href=/categories/
                  
                  
                  
                    id="categories"
                  >
                  <i class='fas fa-folder-open fa-fw'></i>分类
                </a>
                
              </li>
            
          
            
              
            
              <li>
                <a class="flat-box" href=/tags/
                  
                  
                  
                    id="tags"
                  >
                  <i class='fas fa-tags fa-fw'></i>标签
                </a>
                
              </li>
            
          
            
              
            
              <li>
                <a class="flat-box" href=/archives/
                  
                  
                  
                    id="archives"
                  >
                  <i class='fas fa-archive fa-fw'></i>归档
                </a>
                
              </li>
            
          
            
              
            
              <li>
                <a class="flat-box" href=/friends/
                  
                  
                  
                    id="friends"
                  >
                  <i class='fas fa-link fa-fw'></i>友链
                </a>
                
              </li>
            
          
            
              
            
              <li>
                <a class="flat-box" href=/about/
                  
                  
                  
                    id="about"
                  >
                  <i class='fas fa-info-circle fa-fw'></i>关于
                </a>
                
              </li>
            
          
            
          </ul>
        </li>
			</ul>
		</div>
	</div>
  </div>
</header>

  </div>
  

  <div class="l_body nocover">
    <div class='body-wrapper' id="pjax-container">
      
        <!--此文件用来存放一些不方便取值的变量-->
<!--思路大概是将值藏到重加载的区域内-->



<div id="pjax-data" style="display: none">
  <div id="pjax-ispage">false</div>
  <div id="pjax-pageTitle"></div>
  <div id="pjax-enable-cover">true</div>
  
  
</div>


<script>
  // 处理封面 此时 jquery 还没加载
  if ("none" == "none") { // 移除封面
    document.getElementsByClassName('cover')[0].style.display = "none";
    document.getElementsByClassName('l_body')[0].classList.add("nocover");
    document.getElementsByClassName('l_header', 'cover-wrapper')[0].classList.add("show");
  } else {
    if ("none" == "blog") { // 半屏
      document.getElementsByClassName('cover')[0].classList.remove("full");
      document.getElementsByClassName('cover')[0].classList.add("half");
      document.getElementsByClassName('scroll-down')[0].style.display = "none";
    } else if ("none" == "docs") { // 全屏
      document.getElementsByClassName('cover')[0].classList.remove("half");
      document.getElementsByClassName('cover')[0].classList.add("full");
      document.getElementsByClassName('scroll-down')[0].style.display = "";
    }
    document.getElementsByClassName('cover')[0].style.display = "";
    document.getElementsByClassName('l_body', 'show')[0].classList.remove("nocover");
    document.getElementsByClassName('l_header', 'cover-wrapper')[0].classList.remove("show");
  }
</script>

      
      

<div class='l_main'>
  

  
    <article id="page" class="post white-box reveal shadow article-type-page" itemscope itemprop="blogPost">
      


  <section class='meta'>
    
      
      
      <div class="meta" id="header-meta">
        
          
  <h1 class="title">
    <a href="/assets/html/homepage.html">
      2020年8月10日
    </a>
  </h1>


        
        <div class='new-meta-box'>
          
            
          
            
              
<div class='new-meta-item author'>
  <a href="https://ekworp.gitee.com" target="_blank" rel="nofollow noopener">
    <img no-lazy src="https://ekworp.gitee.io/assets/img/avatar.png">
    <p>ekworp</p>
  </a>
</div>

            
          
            
              

            
          
            
              <div class="new-meta-item date">
  <a class='notlink'>
    <i class="fas fa-calendar-alt fa-fw" aria-hidden="true"></i>
    <p>发布于：2020年8月10日</p>
  </a>
</div>

            
          
            
              

            
          
        </div>
        
          <hr>
        
      </div>
    
  </section>


      <section class="article typo">
        <div class="article-entry" itemprop="articleBody">
          
          
          <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<!-- 渲染优化 -->
		<meta name="renderer" content="webkit">
		<meta name="force-rendering" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
		<meta name="HandheldFriendly" content="True">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title id="title">主页</title>
		<link rel="shortcut icon" href="img/favicon.png">
		<script src="av-min.js">
		</script>
	</head>
	<style>
/*下方这句不动它，翻译开始*/ * 
/*翻译 主页整体样式 文本对齐︰ 中心;
	背景色︰
		#f1f6ee 使用夜间默认时修改为#000000即可
}
*/ body {
	margin:0px;
	padding:0px;
	text-align:center;
	background-image:url('back.png')
		!important;
	/*可换上面的图片地址*/ background-size:100% !important;
	background-repeat:no-repeat;
	background-color:#ffffff;
	/*可删上面的固定句语*/
}
/*翻译 搜索栏字体样式 宽度︰
		90%;
	高度︰ 40px;
	背景颜色︰ 透明;
	边境︰ 无;
	大纲︰ 0;
	字体大小︰ 18px;
	字体颜色:#000000;
	填充︰ 0
		20px;
	边界半径︰ 50px
}
*/ #search_input {
	width:100%;
	height:40px;
	background-color:transparent;
	border:none;
	outline:0;
	font-size:16px;
	padding:0 5px;
	border-radius:50px
}
/*翻译 搜索框边距 下边距︰ 30px;
	上边距︰ 20px;
	*/ .search_part {
	margin-bottom:5px;
	margin-top:15px;
}
/*翻译 跨度样式 显示︰
		阻止;
	溢出︰ 隐藏;
	左填充︰ 5px;
	垂直对齐︰ 居中;
	*/ .search_bar span {
	display:block;
	font-size:12px;
	overflow:hidden;
	padding-left:2px;
	margin-right:42px;
	vertical-align:middle;
}
.search_bar span i {
	display:none;
	float:right;
	width:35px;
	height:40px;
	background:url(img/clear.png) no-repeat center;
	background-size:16px;
}
.search_bar .si {
	margin:0 38px 0 10px;
}
/*搜索建议条*/ 
#suggest {
	position:absolute;
	left:-1px;
	right:-1px;
	top:40px;
	border:1px solid
		#ccc;
	background:#fff;
	line-height:25px;
}
#suggest ul {
	height:200px;
    overflow-y:scroll;
    padding-inline-start:8px;
}
#suggest li {
	list-style-type:none;
	border-bottom:1px solid #ccc;
	text-align:left;
	cursor:pointer;
	padding:0 8px;
}
#suggest li:active {
	background:#F0F0F0;
}
#suggest li:hover {
	color:blue;
}
#suggest li b {
	float:right;
	width:44px;
	height:25px;
	background:url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAI5JREFUSEtjZCACLF261J6RkbELpPT///9l0dHRB4nQRlgJ0ODny5Yt+w/CIDZhHUSqgBkKo4nURljZqMHwMBohQQFK/ECvnkT3LgX8kyAzGZATPwWGgTMPSiYCGvyEWgYiGfyEAcjxoKaroWZ5EM52QBUjJLkRExajQUH7Qgg5E4HYxMQLUWpgmYiUxA8AOdLMz+iDKvIAAAAASUVORK5CYII=)
		no-repeat scroll center center #fff;
	background-size:11px;
}
#suggest
		.close {
	text-align:right;
	font-size:14px;
	color:#888;
	padding-right:12px;
}
/*翻译 搜索栏框架样式 {
	框阴影︰ 0 0 18px rgba(70,70,40,.255);
	括号里的颜色为Rgb默认，可进入http://rgb.phpddt.com/查询
		-webkit 动画︰ fadeIn 2.5;
	动画︰ fadeIn 2.5;
	背景色︰ rgba(255,255,255,.100);
	边界半径︰
		50px;
	显示︰ 表;
	垂直对齐︰ 居中;
	宽度︰ 80%;
	根据你喜欢的宽度调整，目前我为了对齐图标使用80% 高度︰ 40px;
	最大宽度︰
		400px;
	边距︰ 10px 默认布局;
}
*/ .search_bar {
	box-shadow:0 0 5px rgba(70,70,40,.255);
	-webkit-animation:fadeIn 2.5s;
	animation:fadeIn 2.5s;
	background-color:rgba(255,255,255,.0);
	border-radius:3px;
	display:table;
	vertical-align:middle;
	width:85%;
	height:20px;
	max-width:400px;
	margin:10px auto;
	position:relative;
	z-index:10;
}
/*翻译 搜索栏搜索目标确认图标样式，目前为米奇 轮廓边框︰ 0;
	高度︰
		40px;
	浮标位置︰ 右;
	颜色:#000;
	字体大小︰ 16px;
	字体粗细︰ 700;
	边境︰ 无;
	背景颜色︰ 透明;
	填充︰ 0
		13px 0 13px */ 
#search_submit {
	outline:0;
	height:40px;
	float:right;
	font-size:18px;
	font-weight:500;
	border:none;
	background-color:transparent;
	padding:0 13px 0 13px;
	cursor:pointer;
}
/*翻译 书签图标排版目录样式 宽度︰ 100%;
	文本对齐︰ 中心;
	填充顶部︰ 15px;
	填充底部︰ 15px;
	*/ 
#content {
	width:100%;
	text-align:center;
	padding-top:0px;
	padding-bottom:0px;
}
/*翻译 书签框架样式 -webkit 动画︰ fadeInDown
		1s;
	动画︰ fadeInDown 1s;
	位置︰ 相对应;
	显示︰ 显示在内部;
	宽度︰ 75px;
	边境︰ 0;
	*/ .box {
	-webkit-animation:fadeInDown 1s;
	animation:fadeInDown 1s;
	position:relative;
	display:inline-block;
	width:70px;
	border:0;
}
/*翻译 书签图标样式 宽度︰ 100%;
	高度︰ 100%;
	位置︰ 不受限制;
	左︰
		0;
	顶︰ 0;
	*/ .box a {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
 .box p {
	margin-block-start:8px;
	margin-block-end:8px;
}
/*翻译 书签字体样式 颜色:#232323;
	使用夜间模式时修改为#eee或者#f2eada即可 高度︰ 1.5em;
	线的高度︰ 1.5em;
	宽度︰ 72px;
	字体大小︰ 0.75em;
	白色空间︰ nowrap;
	溢出︰ 隐藏;
	边距︰ 默认布局;
	-webkit
		边框顶部右半径︰ 5px;
	-webkit 边框底部右半径︰ 5px;
	文本溢出︰ 省略;
	-o 文本溢出︰ 省略;
	气相色谱-质谱-文本-溢出︰
		省略;
	填充顶部︰ 3px;
	填充底部︰ 8px;
	*/ .url {
	color:#4a4266;
	height:1.5em;
	line-height:1.5em;
	width:72px;
	font-size:0.75em;
	white-space:nowrap;
	overflow:hidden;
	margin:auto;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
	padding-top:0px;
	padding-bottom:8px;
}
/*翻译 字体样式 宽度︰ 3em;
	高度︰
		3em;
	最大宽度︰ 72px;
	*/ .icon {
	width:3em;
	height:3em;
	max-width:72px;
}
#app-items {
	width:100%;
	max-width:400px;
	margin:0px auto;
	text-align:center;
	background-color:#fff;
	padding-top:0px;
	padding-bottom:15px;
}
.title {
	background-color:#fffffff;
	font-size:16px;
	height:30px;
	line-height:30px;
	padding:0 10px 0 20px;
	color:#4a4266;
}
#yiyan {
	width:100%;
	max-width:400px;
	margin:0px auto;
	text-align:center;
	background-color:#fff;
	padding-top:0px;
	padding-bottom:15px;
}
.shuxing {
	color:#4a4266;
	font-size:12px;
	height:30px;
	line-height:20px;
	padding:0 10px 0 20px;
}
@-webkit-keyframes
		flipInX {
	0% {
	-webkit-transform:perspective(400px) rotateX(90deg);
	transform:perspective(400px) rotateX(90deg);
	opacity:0
}
40% {
	-webkit-transform:perspective(400px) rotateX(-10deg);
	transform:perspective(400px) rotateX(-10deg)
}
70% {
	-webkit-transform:perspective(400px) rotateX(10deg);
	transform:perspective(400px) rotateX(10deg)
}
100% {
	-webkit-transform:perspective(400px)
		rotateX(0);
	transform:perspective(400px) rotateX(0);
	opacity:1
}
}@keyframes
		flipInX {
	0% {
	-webkit-transform:perspective(400px) rotateX(90deg);
	-ms-transform:perspective(400px) rotateX(90deg);
	transform:perspective(400px) rotateX(90deg);
	opacity:0
}
40% {
	-webkit-transform:perspective(400px) rotateX(-10deg);
	-ms-transform:perspective(400px) rotateX(-10deg);
	transform:perspective(400px)
		rotateX(-10deg)
}
70% {
	-webkit-transform:perspective(400px) rotateX(10deg);
	-ms-transform:perspective(400px) rotateX(10deg);
	transform:perspective(400px)
		rotateX(10deg)
}
100% {
	-webkit-transform:perspective(400px) rotateX(0);
	-ms-transform:perspective(400px) rotateX(0);
	transform:perspective(400px)
		rotateX(0);
	opacity:1
}
}@-webkit-keyframes fadeIn {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}@keyframes fadeIn {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}@-webkit-keyframes fadeInDown {
	0% {
	opacity:0;
	-webkit-transform:translateY(-20px);
	transform:translateY(-20px)
}
100% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes fadeInDown {
	0% {
	opacity:0;
	-webkit-transform:translateY(-20px);
	-ms-transform:translateY(-20px);
	transform:translateY(-20px)
}
100% {
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
}
	</style>
	<body>
		<div id="content">
			<br />
			<div class="search_part">
				<img class="smaller" src="http://wx3.sinaimg.cn/large/da6ac54fgy1ftvsol0ytmg20oh0b4npe.gif"
				width=33%>
				</img>
				<form id="search_form" onsubmit="return search()" class="search_bar">
					<input type="submit" id="search_submit" value="☯">
					<span>
						<i id="clear" onclick="clear_seach()">
						</i>
						<div class="si">
							<input class="search" type="text" value="" onkeyup="get_suggest()" onfocus="get_suggest()"
							onpaste="get_suggest()" autocomplete="off" id="search_input" placeholder="✎...  偷得浮生半日闲～">
						</div>
					</span>
					<div id="suggest" style="display:none">
						<ul id="suglist">
						</ul>
						<div class="close" onclick="close_sug()">
							| 收起
						</div>
					</div>
				</form>
			</div>
			<div style="text-align:center;"</div>
			<!--<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=400 height=210 src="http://music.163.com/outchain/player?type=0&id=692469559&auto=1&height=230"></iframe>-->
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
		<div style="display:none">
			<br />
			<div class="box">
				<a href="https://music.163.com" target="_blank" rel="noopener">
				</a>
				<p>
					<img class="icon" src="img/wangyiyunyinyue.png">
				</p>
				<p class="url">
					网易云
				</p>
			</div>
			<div class="box">
				<a href="https://pan.baidu.com" target="_blank" rel="noopener">
				</a>
				<p>
					<img class="icon" src="img/baiduyun.png">
				</p>
				<p class="url">
					百度云
				</p>
			</div>
			<div class="box">
				<a href="chrome://history" target="_blank">
				</a>
				<p>
					<img class="icon" src="img/lishi.png">
				</p>
				<p class="url">
					足迹
				</p>
			</div>
			<div class="box">
				<a href="chrome://bookmarks" target="_blank">
				</a>
				<p>
					<img class="icon" src="img/shuqian.png">
				</p>
				<p class="url">
					书签
				</p>
			</div>
		</div>
			<br>
			<font color="#303030">
				<font size="6">
					―·❀·―
				</font>
				<table width="32" border="0">
		</div>
		<!-- 如若要添加可复制一段 <div class="box">
		<a href="地址"></a>
		<p><img class="icon" src="img/icon6.png" ></p>
		<p class="url">书签名称</p>
		</div>
		其中链接在href中如href="地址"建议填写folder://自己创建的文件夹地址，这样创建一次不必再修改
		图标文件放置在img文件夹中定义如src="img/icon6.png"
		显示的标题在<p class="url">书签名称</p>之间定义如<p class="url">酷安</p>
		下方window.location.href =主页搜索引擎地址，目前为自用Pc版百度内部搜索，加上浏览器的顶部搜索即为双搜索，使用更方便
		-->
		<!--<div id="yiyan" style=" width: 500px; background-color:rgba(255, 255,
		255, 0); ">
		<br />
		<br />
		<script src="hitokoto.js"></script>
		<script>
		var num=Math.random();
		if(num>=0.6){
		var url="https://hitoapi.cc/sp/"
		var ajax = new XMLHttpRequest();
		ajax.onreadystatechange=function()
		{
		if (ajax.readyState==4 && ajax.status==200)
		{
		var hit = JSON.parse(ajax.responseText);
		document.getElementById("yiyan").innerHTML="<br />"+hit.text+"<br> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp——"+hit.author;
		}
		}
		ajax.open('GET',url, true);
		ajax.send();
		}
		else{
		var count=Math.floor(Math.random()*hit.length);
		var ran=hit[count];
		var text=ran.hitokoto;
		var author=ran.source;
		/*var ajax = new XMLHttpRequest();
		ajax.onreadystatechange=function()
		{
		if (ajax.readyState==4)
		{
		alert(ajax.status);
		alert(ajax.responseText);
		var hit = JSON.parse(ajax.responseText);
		var ran=hit(Math.random(hit.length-2)+lit.length);
		var text=ran.hitokoto;
		var author=ran.source;
		document.getElementById("yiyan").innerHTML="<br />"+text+"<br> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp——"+author;
		}
		}
		ajax.open('GET','customHitokotoB.json', true);
		ajax.send();
		*/
		document.getElementById("yiyan").innerHTML="<br />"+text+"<br> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp——"+author;
		}
		</script>
		<br>-->
		<div class="lwlhitokoto">
			<script type="text/javascript" src="https://api.yum6.cn/djt/index.php?encode=js">
			</script>
			<span>
			</span>
			<p>
				<script>
					binduyan();
				</script>
			</p>
		</div>
		</div>
		<script type="text/javascript">
			var last_kw = '';
var max_sug_len = 1; //搜索建议最短触发长度

/*获取搜索建议
采用的神马搜索的服务
*/
function get_suggest() {
    var kw = document.getElementById('search_input').value;
    var clear = document.getElementById('clear');
    if (kw) clear.style.display = 'block';
    else clear.style.display = 'none';
    if (kw == last_kw) return;
    last_kw = kw;
    if (!kw || kw.length < max_sug_len) {
        close_sug();
        return;
    }
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'http://sugs.m.sm.cn/web?t=w&uc_param_str=dnnwnt&scheme=http&fr=android&bid=1&q=' + encodeURIComponent(kw) + '&_=' + new Date().getTime() + '&callback=jsonp3';
    var head = document.querySelector('head');
    script.onload = function() {
        head.removeChild(script);
    };
    head.appendChild(script);
}

function jsonp3(res) {
    var suggest = document.getElementById('suggest');
    if (!res.r || !res.r.length) {
        suggest.style.display = 'none';
        return;
    }
    var html = '';
    res.r.forEach(function(v) {
        html += '<li>' + v.w + '<b></b></li>';
    });
    document.getElementById('suglist').innerHTML = html;
    suggest.style.display = 'block';
}

function close_sug() {
    last_kw = '';
    document.getElementById('suggest').style.display = 'none';
}

function move_input() {
    document.body.scrollTop = document.getElementById('search_form').offsetTop - 2;
}

function clear_seach() {
    var input = document.getElementById('search_input');
    input.value = '';
    document.getElementById('clear').style.display = 'none';
    close_sug();
    input.focus();
}

function search() {
    if (document.getElementById("search_input").value != "") {
        // 声明 class
        const SearchHistory = AV.Object.extend('SearchHistorys');
        // 构建对象
        const sh = new SearchHistory();
        // 为属性赋值
        sh.set('msg', document.getElementById("search_input").value);
        sh.set('key',key);
        // 将对象保存到云端
        sh.save().then((sh) => {
            // 成功保存之后，执行其他逻辑
            console.log(`保存成功`);
            window.location.href = "https://www.baidu.com/s?ie=utf-8&rn=30&rsv_enter=0&wd=" + encodeURIComponent(document.getElementById("search_input").value) + "&from=smor&safe=1&snum=1";
        document.getElementById("search_input").value = "";
        }, (error) => {
            // 异常处理
            console.log(`保存失败`);
        });
    }
    return false;
}

document.getElementById('suglist').addEventListener('click', function(e) {
    var input = document.getElementById('search_input');
    if (e.target.tagName == 'B') {
        input.value = e.target.parentNode.firstChild.textContent;
        input.focus();
    } else if (e.target.tagName == 'LI') {
        input.value = e.target.firstChild.textContent;
        close_sug();
        search();
    }
});
window.addEventListener('resize', move_input);
document.getElementById('search_input').addEventListener('click', function(e) {
    var input = document.getElementById('search_input');
    if (input.value == '' || input.value == undefined || input.value == null) {
        //显示历史
        jsonp3(context);
    }
});

function login() {
	if(localStorage.getItem("key")==null){
		key = parseInt(Math.random()*(9999999-1000000+1)+1000000,10);
Math.floor(Math.random()*(9999999-1000900+1)+100000);
        localStorage.setItem("key",key);
	}else{
		key=localStorage.getItem("key");
	}
    AV.init({
        appId: "jk2vXseRAzJR3rePfsSD1dI7-MdYXbMMI",
        appKey: "Owi4A0EpLx81qBIvi5XmVvgi"
    });
    var username = "ekworp";
    var password = "ekworp";
    // LeanCloud - 登录
    AV.User.logIn(username, password).then(function(loginedUser) {
        console.log("signed");
        setupData();
    }, function(error) {
        alert(JSON.stringify(error));
    });
};
var context = {
    r: []
};

function setupData() {
    // LeanCloud - 查询
    var query = new AV.Query('SearchHistorys');
    query.descending('createdAt');
    query.limit(50);
    query.equalTo('key', key);
    query.find().then(function(SearchHistorys) {
        SearchHistorys.forEach(function(SearchHistory) {
            // handlebars context
            context.r.push({
                "w": SearchHistory.get('msg')
            });
        });
    }).catch(function(error) {
        alert(JSON.stringify(error));
    });
};
window.onload = function() {
    login();
}
var d = new Date();
var time = d.getHours();
if (time < 24) 
{
document.getElementById("title").innerHTML="Good evening!";
}
if (time < 19) 
{
document.getElementById("title").innerHTML="Good afternoon!";
}
if (time < 12) 
{
document.getElementById("title").innerHTML="Good morning!";
}
if (time < 5) 
{
document.getElementById("title").innerHTML="Go to sleep!";
}
var key = null;
		</script>
	</body>

</html>
          
        </div>
        
          


  <section class='meta' id="footer-meta">
    <div class='new-meta-box'>
      
        
          <div class="new-meta-item date" itemprop="dateUpdated" datetime="2020-08-10T18:27:14+08:00">
  <a class='notlink'>
    <i class="fas fa-edit fa-fw" aria-hidden="true"></i>
    <p>更新于：2020年8月10日</p>
  </a>
</div>

        
      
        
          

        
      
        
          

        
      
        
          
  <div class="new-meta-item share -mob-share-list">
  <div class="-mob-share-list share-body">
    
      
        <a class="-mob-share-qq" title="" rel="external nofollow noopener noreferrer"
          
          href="http://connect.qq.com/widget/shareqq/index.html?url=http://ekworp.gitee.io/assets/html/homepage.html&title= - Ekworp's Blog&summary="
          
          >
          
            <img src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/logo/128/qq.png">
          
        </a>
      
    
      
        <a class="-mob-share-qzone" title="" rel="external nofollow noopener noreferrer"
          
          href="https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http://ekworp.gitee.io/assets/html/homepage.html&title= - Ekworp's Blog&summary="
          
          >
          
            <img src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/logo/128/qzone.png">
          
        </a>
      
    
      
        <a class="-mob-share-weibo" title="" rel="external nofollow noopener noreferrer"
          
          href="http://service.weibo.com/share/share.php?url=http://ekworp.gitee.io/assets/html/homepage.html&title= - Ekworp's Blog&summary="
          
          >
          
            <img src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/logo/128/weibo.png">
          
        </a>
      
    
  </div>
</div>



        
      
    </div>
  </section>


        
        
      </section>
    </article>
  

  
    
  <article class="post white-box reveal comments shadow">
    <section class="article typo">
      <p ct><i class='fas fa-comments'></i> 评论</p>
      
      <section id="comments">
        <div id="valine_container" class="valine_thread">
  <i class="fas fa-cog fa-spin fa-fw fa-2x"></i>
</div>

      </section>
    </section>
  </article>


  




<!-- 根据页面mathjax变量决定是否加载MathJax数学公式js -->


</div>
<aside class='l_side'>
  
  

  
    
    




  


</aside>



    </div>
    
  
  <footer class="clearfix">
    <br><br>
    
      
        <div class="aplayer-container">
          

  
    <meting-js
      theme='#1BCDFC'
      autoplay='false'
      volume='0.7'
      loop='all'
      order='list'
      fixed='false'
      list-max-height='340px'
      server='netease'
      type='playlist'
      id='3175833810'
      list-folded='true'>
    </meting-js>
  


        </div>
      
    
      
        <br>
        <div class="social-wrapper">
          
            
              <a href="/atom.xml"
                class="social fas fa-rss flat-btn"
                target="_blank"
                rel="external nofollow noopener noreferrer">
              </a>
            
          
            
              <a href="mailto:me@xaoxuu.com"
                class="social fas fa-envelope flat-btn"
                target="_blank"
                rel="external nofollow noopener noreferrer">
              </a>
            
          
            
              <a href="https://github.com/xaoxuu"
                class="social fab fa-github flat-btn"
                target="_blank"
                rel="external nofollow noopener noreferrer">
              </a>
            
          
            
              <a href="https://music.163.com/#/user/home?id=63035382"
                class="social fas fa-headphones-alt flat-btn"
                target="_blank"
                rel="external nofollow noopener noreferrer">
              </a>
            
          
        </div>
      
    
      
        <div><p>博客内容遵循 <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener">署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议</a></p>
</div>
      
    
      
        本站使用
        <a href="https://volantis.js.org/" target="_blank" class="codename">Volantis</a>
        作为主题，总访问量为
          <span id="busuanzi_value_site_pv"><i class="fas fa-circle-notch fa-spin fa-fw" aria-hidden="true"></i></span>
          次
        
      
    
      
        <div class='copyright'>
        <p><a href="https://xaoxuu.com" target="_blank" rel="noopener">Copyright © 2017-2020 Mr. X</a></p>

        </div>
      
    
  </footer>


    <a class="s-top fas fa-arrow-up fa-fw" href='javascript:void(0)'></a>
  </div>
  <div>
    
<script src="https://cdn.jsdelivr.net/npm/jquery@3.4/dist/jquery.min.js"></script>



  <script>
    
    var SEARCH_SERVICE = "hexo" || "hexo";
    var ROOT = "/" || "/";
    if (!ROOT.endsWith('/')) ROOT += '/';
  </script>





  <script async src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@2/js/instant_page.js" type="module" defer integrity="sha384-OeDn4XE77tdHo8pGtE1apMPmAipjoxUQ++eeJa6EtJCfHlvijigWiJpD7VDPWXV1"></script>



  
  
  
    
<script src="https://cdn.jsdelivr.net/npm/jquery-backstretch@2.1.18/jquery.backstretch.min.js"></script>

    <script type="text/javascript">
      $(function(){
        var imgs=["https://cdn.jsdelivr.net/gh/xaoxuu/cdn-wallpaper/abstract/41F215B9-261F-48B4-80B5-4E86E165259E.jpeg"];
        if ('true' == 'true') {
          function shuffle(arr){
            /*From countercurrent-time*/
            var n = arr.length;
            while(n--) {
              var index = Math.floor(Math.random() * n);
              var temp = arr[index];
              arr[index] = arr[n];
              arr[n] = temp;
            }
          }
          shuffle(imgs);
        }
        if ('.cover') {
          $('.cover').backstretch(
            imgs,
          {
            duration: "20000",
            fade: "1500"
          });
        } else {
          $.backstretch(
            imgs,
          {
            duration: "20000",
            fade: "1500"
          });
        }
      });
    </script>
  



  
    
<script src="https://cdn.jsdelivr.net/npm/aplayer@1.10/dist/APlayer.min.js"></script>

  
    
<script src="https://cdn.jsdelivr.net/npm/meting@2.0/dist/Meting.min.js"></script>

  


<!-- 评论 （PS：只对 valine 做了 Pjax 兼容） -->

  
  
<script src="/js/valine.js"></script>


<script>
  var GUEST_INFO = ['nick', 'mail', 'link'];
  var meta = 'nick,mail,link'.split(',').filter(function (item) {
    return GUEST_INFO.indexOf(item) > -1
  });
  var REQUIRED_FIELDS = ['nick', 'mail', 'link'];
  var requiredFields = 'nick,mail'.split(',').filter(function (item) {
    return REQUIRED_FIELDS.indexOf(item) > -1
  });

  function emoji(path, idx, ext) {
    return path + "/" + path + "-" + idx + "." + ext;
  }

  var emojiMaps = {};
  for (var i = 1; i <= 54; i++) {
    emojiMaps['tieba-' + i] = emoji('tieba', i, 'png');
  }
  for (var i = 1; i <= 101; i++) {
    emojiMaps['qq-' + i] = emoji('qq', i, 'gif');
  }
  for (var i = 1; i <= 116; i++) {
    emojiMaps['aru-' + i] = emoji('aru', i, 'gif');
  }
  for (var i = 1; i <= 125; i++) {
    emojiMaps['twemoji-' + i] = emoji('twemoji', i, 'png');
  }
  for (var i = 1; i <= 4; i++) {
    emojiMaps['weibo-' + i] = emoji('weibo', i, 'png');
  }

  function pjax_valine() {
    var valinePath = $.trim($('#valine-path').text()) === "none" ?
            window.location.pathname : $.trim($('#valine-path').text());

    var valinePlaceholder = $.trim($('#valine-placeholder').text()) === "none" ?
            "快来评论吧~" : $.trim($('#valine-placeholder').text());

    var ALLPATH = '';
    if(ALLPATH != '') valinePath = ALLPATH;

    var valine = new Valine();
    valine.init({
      el: '#valine_container',
      meta: meta,
      placeholder: valinePlaceholder,
      path: valinePath,
      appId: "",
      appKey: "",
      pageSize: '10',
      avatar: 'robohash',
      lang: 'zh-cn',
      visitor: 'true',
      highlight: 'true',
      mathJax: 'false',
      enableQQ: 'true',
      requiredFields: requiredFields,
      emojiCDN: 'https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/emoji/valine/',
      emojiMaps: emojiMaps
    })
  }

  $(function () {
    pjax_valine();
  });
</script>




<!-- darkmodejs -->



<!-- 复制 -->

  <script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script>
<script>
    function wait(callback, seconds) {
        var timelag = null;
        timelag = window.setTimeout(callback, seconds)
    }

    function pjax_initCopyCode() {
        var copyHtml = '';
        copyHtml += '<button class="btn-copy" data-clipboard-snippet="">';
        copyHtml += '<i class="fas fa-copy"></i><span>COPY</span>';
        copyHtml += '</button>';
        $(".highlight .code pre").before(copyHtml);
        $(".article pre code").before(copyHtml);
        var clipboard = new ClipboardJS('.btn-copy', {
            target: function (trigger) {
                return trigger.nextElementSibling
            }
        });
        clipboard.on('success', function (e) {
            let $btn = $(e.trigger);
            $btn.addClass('copied');
            let $icon = $($btn.find('i'));
            $icon.removeClass('fa-copy');
            $icon.addClass('fa-check-circle');
            let $span = $($btn.find('span'));
            $span[0].innerText = 'COPIED';
            wait(function () {
                $icon.removeClass('fa-check-circle');
                $icon.addClass('fa-copy');
                $span[0].innerText = 'COPY'
            }, 2000)
        });
        clipboard.on('error', function (e) {
            e.clearSelection();
            let $btn = $(e.trigger);
            $btn.addClass('copy-failed');
            let $icon = $($btn.find('i'));
            $icon.removeClass('fa-copy');
            $icon.addClass('fa-times-circle');
            let $span = $($btn.find('span'));
            $span[0].innerText = 'COPY FAILED';
            wait(function () {
                $icon.removeClass('fa-times-circle');
                $icon.addClass('fa-copy');
                $span[0].innerText = 'COPY'
            }, 2000)
        })
    }
    $(function () {
        pjax_initCopyCode()
    });
</script>


<!-- scrollreveal -->

  <script src="https://cdn.jsdelivr.net/npm/scrollreveal@4.0.6/dist/scrollreveal.min.js"></script>
  <script type="text/javascript">
    function pjax_scrollrebeal() {
      ScrollReveal().reveal('.l_main .reveal', {
        distance: '32px',
        duration: '800',
        interval: '20',
        scale: '1',
        easing: 'ease-out'
      });
    }

    $(function () {
      pjax_scrollrebeal();
    });
  </script>

<!-- ******************************** -->

<!-- fancybox -->
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
<script>
  function pjax_fancybox() {
    $(".article-entry").find("img").not('.inline').not('a img').each(function () { //渲染 fancybox
      var element = document.createElement("a"); // a 标签
      $(element).attr("pjax-fancybox", "");  // 过滤 pjax
      $(element).attr("href", $(this).attr("src"));
      if ($(this).attr("data-original")) {
        $(element).attr("href", $(this).attr("data-original"));
      }
      $(element).attr("data-fancybox", "images");
      var caption = "";   // 描述信息
      if ($(this).attr('alt')) {  // 判断当前页面是否存在描述信息
        $(element).attr('data-caption', $(this).attr('alt'));
        caption = $(this).attr('alt');
      }
      var div = document.createElement("div");
      $(div).addClass("fancybox");
      $(this).wrap(div); // 最外层套 div ，其实主要作用还是 class 样式
      var span = document.createElement("span");
      $(span).addClass("image-caption");
      $(span).text(caption); // 加描述
      $(this).after(span);  // 再套一层描述
      $(this).wrap(element);  // 最后套 a 标签
    })
    $(".article-entry").find("img").fancybox({
      selector: '[data-fancybox="images"]',
      hash: false,
      loop: false,
      closeClick: true,
      helpers: {
        overlay: {closeClick: true}
      },
      buttons: [
        "zoom",
        "close"
      ]
    });
  };
  $(function () {
    pjax_fancybox();
  });
</script>

<!-- ******************************** -->


  
<script src="/js/app.js"></script>




  
    
<script src="/js/search.js"></script>

  



  <script defer src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-busuanzi@2.3/js/busuanzi.pure.mini.js" data-pjax></script>



  
<script src="https://cdn.jsdelivr.net/npm/node-waves@0.7.6/dist/waves.min.js"></script>

  <script type="text/javascript">
    $(function () {
      Waves.attach('.flat-btn', ['waves-button']);
      Waves.attach('.float-btn', ['waves-button', 'waves-float']);
      Waves.attach('.float-btn-light', ['waves-button', 'waves-float', 'waves-light']);
      Waves.attach('.flat-box', ['waves-block']);
      Waves.attach('.float-box', ['waves-block', 'waves-float']);
      Waves.attach('.waves-image');
      Waves.init();
    });
  </script>



  
<script src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@2/js/comment_typing.js"></script>




  
    
<script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.18.1/build/highlight.min.js"></script>

    <script>hljs.initHighlightingOnLoad();</script>
  




    
      


<script src="https://cdn.jsdelivr.net/npm/pjax@0.2.8/pjax.min.js"></script>

<!-- 样式位于：source/css/_third-party/pjaxanimate.styl -->

<div class="pjax-animate">
  
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/nprogress@0.2.0/nprogress.css">
    <script src="https://cdn.jsdelivr.net/npm/nprogress@0.2.0/nprogress.min.js"></script>
    <div id="loading-bar-wrapper"><script>NProgress.configure({parent:"#loading-bar-wrapper",trickleSpeed: 100})</script></div>
    <script>
      window.ShowLoading = function() {
        NProgress.start();
      };
      window.HideLoading = function() {
        NProgress.done();
      }
    </script>
  
</div>

<script>
    var pjax;
    document.addEventListener('DOMContentLoaded', function () {
      pjax = new Pjax({
        elements: 'a[href]:not([href^="#"]):not([href="javascript:void(0)"]):not([pjax-fancybox])',
        selectors: [
          "title",
          "#pjax-container"
        ],
        cacheBust: true,   // url 地址追加时间戳，用以避免浏览器缓存
        timeout: 5000
      });
    });
  
    document.addEventListener('pjax:send', function (e) {
      window.stop(); // 相当于点击了浏览器的停止按钮
      var currentUrl = window.location.pathname;
      var targetUrl = e.triggerElement.href;
      var banUrl = [""];
      if (banUrl[0] != "") {
        banUrl.forEach(item => {
          if(currentUrl.indexOf(item) != -1 || targetUrl.indexOf(item) != -1) {
            window.location.href = targetUrl;
          }
        });
      }
      window.subData = null; // 移除标题（用于一二级导航栏切换处）
      $.fancybox.close();    // 关闭弹窗
      $('.nav-main').find('.list-v').not('.menu-phone').css("display","none"); // 移除小尾巴
      $('.menu-phone.list-v').css("display","none"); // 移除小尾巴
      $('.l_header .switcher .s-search').removeClass('active'); // 关闭移动端激活的搜索框
      $('.l_header').removeClass('z_search-open'); // 关闭移动端激活的搜索框
      $('.wrapper').removeClass('sub'); // 跳转页面时关闭二级导航
      $(window).unbind('resize');    // 解绑
      $(window).unbind('scroll');    // 解绑
      $(window).unbind('click');     // 解绑
      $(document).unbind('scroll');  // 解绑
      window.ShowLoading();
    });
  
    document.addEventListener('pjax:complete', function () {
      // 关于百度统计对 SPA 页面的处理：
      // 方案一：百度统计>管理>单页应用设置中，打开开启按钮即可对SPA进行统计。 https://tongji.baidu.com/web/help/article?id=324
      // 方案二：取消注释下列代码。 https://tongji.baidu.com/web/help/article?id=235
      // 
  
      // 关于谷歌统计对 SPA 页面的处理：
      // 当应用以动态方式加载内容并更新地址栏中的网址时，也应该更新通过 gtag.js 存储的网页网址。
      // https://developers.google.cn/analytics/devguides/collection/gtagjs/single-page-applications?hl=zh-cn
      
      
      $('.nav-main').find('.list-v').not('.menu-phone').removeAttr("style",""); // 移除小尾巴的移除
      $('.menu-phone.list-v').removeAttr("style",""); // 移除小尾巴的移除
      $('script[data-pjax], .pjax-reload script').each(function () {
        $(this).parent().append($(this).remove());
      });
  
      try{
        pjax_fancybox();
        
          
          if ('.cover') {
            $('.cover').backstretch("resize");
          } else {
            $.backstretch("resize");
          }
        
        
          pjax_scrollrebeal();
        
        
          pjax_initCopyCode();
        
        
        
        
      } catch (e) {
        console.log(e);
      }
      window.HideLoading();
    });
  
    document.addEventListener('pjax:error', function (e) { 
      window.HideLoading(); 
      window.location.href = e.triggerElement.href; 
    }); 
</script>
  
    
  </div>
</body>
</html>
